@CHARSET "UTF-8";
/* Configuracoes globais */
body{
	font-family:"Segoe UI", Helvetica, sans-serif;
	font-size:12x;
	padding:0;
	border: 0;
	color:#333;
	overflow-x:hidden;
}
/* Textos selecionados */
::selection {
	background:#00CDCD;
	color:#FFF;
}
/* Barras de rolagem */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 16px;
}

::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}
/* Links */
a{
	color:#009ACD;
	text-decoration:none;
	border-bottom:1px dotted #FFF;
}
a:hover{
	color:#00688B;
	border-bottom:1px dotted #00688B;
}
input, select, .btn_laranja{
	font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    text-transform: uppercase;
	background:#FFF;
    color: #009ACD;
	border:solid 1px #CCC;
    outline: 0px none;
	width:auto;
}
select{
	padding:2px;
	width:auto;
	height:35px;
	font-size: 14px;
}
input[type="text"], input[type="number"]{
	text-align:left;
	text-transform:none;
}
input[type="submit"], input[type="button"], button, .btn_laranja{
	color:#FFF;
	white-space:nowrap;
	padding:3px 20px;
	box-shadow:none;
	background: #009ACD;
	border:none;
	max-width:150px;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, .btn_laranja:hover{
	cursor:pointer;
	color:#FFF;
	border:none;
	background:#06F;
}
/* Classes globais */
.clear{
	clear:both;
	float:none;
	margin:20px 0px;
	border:solid 1px #FFF;
}
.closing{
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left:-110px;
	width: 220px;
	height: 20px;
	z-index:9999;
}
.listaHorizontal{
	list-style:none;
	display:table;
	margin:0px;
	padding:0px;
	width:100%;
}
.listaHorizontal li{
	float:left;
	width:50%;
	height:32px;
	line-height:32px;
	margin:0px;
	padding:0px;
}
.destaqueTexto{
	font-family:"Sergoe UI", arial, Helvetica, sans-serif;
	font-weight:bold;
}
/* Painel principal da aplicacao */
#boxPrincipal{
	background:#FFF;
	position:absolute;
	left:50%;
	top:0px;
	width:1000px;
	min-height:100%;
	height:auto;
	margin-left:-500px;
}

/* Nome do usuario logado */
#login{
	position:absolute;
	top:10px;
	height:50px;
	width:200px;
	margin-left:770px;
	text-align:right;
	cursor:pointer;
	vertical-align:middle;
	overflow:hidden;
	border:solid 2px #FFF;
	border-bottom:none;
	transition-property: all;  
	transition-duration: 0.2s;  
	transition-timing-function:ease-in-out
}
#login:hover, #login.ativo{
	background: #F1F1F1;
}
#login.ativo{
	border:solid 2px #999;
	border-bottom:none;
}
#login img{
	vertical-align:middle;
	float:right;
	width:50px;
	border-radius:30px;
}
#login p{
	display:block;
	width:130px;
	overflow:hidden;
	margin:0px;
	padding:0px 6px;
	float:right;
	font-size:20px;
	font-weight:bold;
}
#login p span{
	font-size:14px;
	font-weight:normal;
	display:block;
}
#loginOpt{
	position:absolute;
	display:none;
	top:60px;
	height:100px;
	width:200px;
	margin-left:770px;
	background:#F1F1F1;
	border:solid 2px #999;
	border-top:none;
	overflow:hidden;
	z-index:999;
}
#loginOpt ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#loginOpt ul li a{
	color:#999;
	display:block;
	height:50px;
	text-align:center;
	text-transform:uppercase;
	line-height:50px;
	border-bottom:solid 2px #F1F1F1;
}
#loginOpt ul li a:hover{
	color:#FFF;
	background:#666;
}
/* Barra lateral, topo menu e rodape */
#painelLateral{
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:200px;
	background:#F1F1F1;
	box-shadow:5px 5px 15px #999;
}
#painelLateral .logo{
	background:url("../imagens/tgvos_logo.png");
	width:200px;
	height:270px;
}
.menuLateral{
	list-style:none;
	width:100%;
	margin:0px;
	padding:0px;
	border-top:1px solid #CCC;
}
.menuLateral li a{
	padding-left:8px;
	display:block;
	width:192px;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #CCC;
	color:#999;
}
.menuLateral li a:hover, .menuLateral li span.ativo{
	padding-left:8px;
	display:block;
	width:192px;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #CCC;
	background:#666;
	transition-duration:0.5;
	transition-property:all;
	color:#FFF;
}
.menuLateral li span.ativo{
	cursor:default;
}
.menuLateral li a:hover{
	background:#999;
	transition-property: all;  
	transition-duration: 0.4s;  
	transition-timing-function:ease-in-out;
}
.destaqueLaranja{
	font-weight:bold;
	color:#009ACD;
}
/* Conteudo principal */
#conteudo{
	width:770px;
	height:auto;
	padding:10px;
	margin:90px 0px 0px 210px;
}
#conteudo div.boxConteudo{
	border:solid 1px #999;
	border-radius:3px;
	width:350px;
	height:250px;
	padding:3px;
	float:left;
	margin:10px;
	overflow-y:auto;
	overflow-x:hidden;
}
#breadcrumbs, .titulo{
	height:32px;
	line-height:32px;
	color:#333;
	padding-left:5px;
	border-radius:5px;
	margin-bottom:25px;
}
#breadcrumbs a{
	border-bottom:none;
}
/* Tabelas e listas de dados */
#formFiltro select, #formFiltro input{
	margin-left: 5px;
	float:left;	
}
#menuSuperior{
	float:right;
	margin-right:15px;
}
table.lista{
	margin:2px;
	padding:0px;
	border-spacing:0;
  	border-collapse:collapse;
}
table.lista:not(.formLayout) thead tr{
	border-bottom:solid 2px #2CB2E4;
}
.formLayout td.editable, .formLayout td.combo{
	background:url('../imagens/editar.png') no-repeat center right;
	padding-right:10px;
}
.formLayout td.combo select{
	display:none;
}
table.lista tbody tr:hover, table.formLayout:not(.semHover) tr:hover, .formLayout td.editable:hover, .formLayout td.combo:hover{
	background-color:#F1F1F1;
}
table.lista th{
	color:#999;
	white-space:nowrap;
	border:none;
	padding:5px;
}
table.lista td, .formLayout td{
	height:50px;
	overflow:hidden;
	text-align:center;
	font-weight:normal;
	padding:0px;
}
table.lista td.icon {
	width:80px;
}
table.lista td.icon div{
	border-radius: 0px; 
	width: 40px; 
	height: 40px; 
	line-height: 40px; 
	margin:5px; 
	color: #fff; 
	font-size:18px; 
	border:none; 
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;
	opacity:0.8;
}
table.lista tr:hover  td.icon  div{
	opacity:1.0;
	transition-duration:0.9;
	transition-property:all;
}
table.lista td{
	width: 200px;
	overflow:hidden;
}
table.lista a, #conteudo div.noBorder{
	border:none;
}
table.lista .btn_laranja {
	width:70px;
}
table.lista .progressHoras{
	position:absolute;
	margin-top:-25px;
	margin-left:0px;
	display:block;
	height:50px;
	width:0px;
	opacity:0.2;
	background-color:#00BFFF;
	z-index:1;
}
table.lista .pvalue{
	position:absolute;
	z-index:2;
	display:block;
	margin-top:-26px;
	margin-left:-5px;
	width:130px;
	height:50px;
	line-height:50px;
}
table.formLayout{
	border:none;
	width:95%;
}
table.formLayout td{
	border:none;
	text-align:left;
}
table.formLayout td label{
	display:block;
}
/* Janela Modal Personalizada */
#modalBox{
	position:fixed;
	top:-660px;
	width:850px;
	padding:6px;
	border-radius:3px;
	box-shadow:#333 2px 2px 15px;
	border:solid 1px #F1F1F1;
	margin-left:-150px;
	height:600px;
	background:#FFF;
	overflow:hidden;
}
#modalBox .listaHorizontal{
	position:absolute;
	width:852px;
}
#modalBox .listaHorizontal li{
	width:810px;
}
#modalBox .listaHorizontal li:last-child{
	width:32px;
}
#modalBox .listaHorizontal li:last-child a{
	margin-top:4px;
	border-radius:3px;
	background-color:#F1F1F1;
	border:solid 1px #999;
	width:15px;
	color:#999;
	height:15px;
	line-height:17px;
	font-size:12px;
	text-align:center;
	display:block;
	padding:3px;
}
#modalBox .listaHorizontal li:last-child a:hover{
	color:#FFF;
	background-color:#900;
	border:solid 1px #300;
	text-shadow:1px 1px #300;
	
}
#modalBox #conteudoModal{
	border-top:solid 1px #F1F1F1;
	margin-top:33px;
	overflow:auto;
	height:560px;
}
#modalBox #conteudoModal .load{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left:-110px;
	width: 220px;
	height: 20px;
}
/* Footer */
.copyright{
	position:fixed;
	bottom:10px;
	display:block;
	float:left;
	width:159px;
	height:50px;
	margin:0px 0px 10px 20px;
	background: url('../imagens/stp-sprite.png') 0 0 no-repeat;
	text-indent:-3000px;
	border:none;
}
.copyright:hover{
	background-position:0 -50px;
	border:none;	
}

